*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
li{
	list-style-type: none;
}
i{
	font-style: normal;
}
html,body{
	height: 100%;
}


.box{
	height: 100%;
	display: flex;
	flex-direction: column;
}
header .nav{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 44px;
	color: #fff;
	font-size: 12px;
	background-color: #0dc441;
}
header .nav div{
	text-align: center;
	line-height: 24px;
	border-radius: 12px 0 0 12px;
	width: 60px;
	height: 24px;
	background-color: rgba(255,255,255,0.4);
}
header .nav div:last-child{
	border-radius: 0 12px 12px 0;
	background-color: rgba(255,255,255,0.2);
}
header ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #fff;
}
header li{
	height: 35px;
	flex: 1;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	box-sizing: border-box;
	border-bottom: 1px solid #d9d9d9;
}
header li:first-child{
	color: #0cc440;
	border-bottom: 3px solid #0cc440;
}
section{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
	flex: 1;
	overflow-y: auto;
}
section dl{
	width: 49%;
	margin-top: 5px;
	box-sizing: border-box;
}
section dt{
	border: 1px solid #e5e5e5;
	border-bottom: none;
}
section dl:nth-child(2n){
	margin-right: 0px;
}
section dl a{
	display: block;
}
section dl img{
	width: 100%;
}
section dl dd{
	font-size: 12px;
	line-height: 28px;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
}



footer{
	width: 100%;
	height: 44px;
	background-color: #fff;
}
footer ul{
	height: 100%;
	display: flex;
	font-size: 16px;
	padding: 0 19px;
	color: #d6d6d6;
	justify-content: space-between;
	align-items: center;
}
footer li{
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer ul li:nth-child(3){
	position: relative;
	bottom: 0;
	align-self: flex-end;
	line-height: 52px;
	text-align: center;
	width: 52px;
	height: 52px;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	background-color: #fff;
}
footer ul .icon-xiangji{
	font-size: 30px;
}
footer ul li:first-child,
footer ul li:first-child span{
	color: #0cc440;
}
footer ul span{
	color: #d6d6d6;
	font-size: 12px;
}

